<template>
    <div @click = "bannerClick">
        <div class="editbanner">
            <span>{{left}}</span>
            <span><slot name="right" /></span>
        </div>
    </div>
</template>
<script>
export default {
    props:['left','right'],
    methods: {
        bannerClick(){
            this.$emit('bannerClick')
        }
    },
}
</script>
<style lang="scss">
.editbanner{
    padding: 4.167vw 2.778vw;
    background-color: #fff;
    color: #111;
    font-size: 4.167vw;
    border-bottom: 0.278vw solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
</style>